/************************/
/* GLOBAL               */
/************************/
.HeaderAreaIcon {
    width: 285px;
}

.ContentTableDifferentTop {
    margin-bottom: 0px;
    margin-left: 10px;
    margin-right: 0px;
    margin-top: 43px;
    padding: 0px;
    width: 994px;
    border: 0px;
}

.ContentTableTimeReport {
    padding: 0px;
    width: 994px;
    border: 0px;
}

a:link, a:visited {
    color: #003478;
    text-decoration: none;
}

a:hover {
    color: #2E66AF;
    text-decoration: none;
}

a:active {
    color: #2E66AF;
}

ul {
    line-height: 12px;
    list-style: square none outside;
}

hr {
    width: 100%;
    font-size: 1px;
    height: 1px;
    background-color: #C0C0C0;
    border-style: none;
}

table {
    text-align: left;
}

textarea {
	font-family: inherit;
	font-size: inherit;
}

.ActivateTextEffect {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    background-color: #E1E6EC;
    border: 0px solid #BEC9D4;
    font-weight: bold;
}




/************************/
/* GLOBAL TEXTFORMATIONS*/
/************************/

/*.HeaderBig {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 18px;
    color: #666666;
    font-weight: bold;
    line-height: 18px;
}

.HeaderSmall {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    color: #666666;
    font-weight: bold;
    line-height: 17px;
}*/

.HeaderDetail {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
}

.HeaderDetailBig {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 32px;
    color: #666;
    font-weight: bold;
    line-height: 32px;
}

.HeaderSub {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #666;
    font-weight: 300;
}

/*.PlainText {
    color: #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    line-height: 13px;
}

    .PlainText:disabled {
        color: #666666;
    }

.PlainTextWhite {
    color: #FFFFFF;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    line-height: 13px;
}

.PlainTextBold {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    font-style: normal;
    font-weight: bold;
}*/

.PlainTextBoldRight {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    font-style: normal;
    font-weight: bold;
    text-align: right;
}

.PlainTextBoldWhite {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    font-style: normal;
    font-weight: bold;
}

.PlainTextFooter {
    color: #666;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    text-decoration: none;
    line-height: 9px;
}

/*.LinkText {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #4E6A0E;
    text-decoration: none;
    cursor: pointer;
    cursor: hand;
}

.LinkTextList {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #4E6A0E;
    text-decoration: none;
}

.LinkTextBold {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #4E6A0E;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
    cursor: hand;
}*/

.LinkTextBoldHeight {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10px;
    color: #4E6A0E;
    text-decoration: none;
    font-weight: bold;
    height: 19px;
    padding-top: 3px;
    padding-right: 0px;
    padding-bottom: 3px;
    padding-left: 0px;
}

.LinkTextWhite {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: normal;
    text-decoration: none;
}

.LinkTextBoldWhite {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    cursor: hand;
}


/************************/
/* HEADER               */
/************************/

.Nav {
    background-color: Transparent;
    vertical-align: bottom;
    height: 27px;
}

.SubNav {
    height: 44px;
    vertical-align: bottom;
    padding-bottom: 5px;
}

/************************/
/* GLOBAL FORMS         */
/************************/

/*.ButtonGeneral {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    color: #333;
    padding: 2px 5px 2px 5px;
    min-width: 30px;
    background-image: url(../../Intranet/Images/Bg_Button_Grey.gif);
    border-top: 1px solid #868686;
    border-right: 1px solid #868686;
    border-bottom: 1px solid #868686;
    border-left: 1px solid #868686;
}

    .ButtonGeneral[disabled] {
	color: #ccc;
}*/

.LookUpButton {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #18599c;
}

.ButtonOn {
    background-color: #808080;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #e5e8f5;
    text-decoration: none;
    padding-top: 2px;
    padding-right: 3px;
    padding-bottom: 2px;
    padding-left: 3px;
    cursor: pointer;
    cursor: hand;
    text-align: center;
    text-decoration: none;
    vertical-align: text-bottom;
    border-top: 1px solid #868686;
    border-right: 1px solid #868686;
    border-bottom: 1px solid #868686;
    border-left: 1px solid #868686;
}

.ButtonOff {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #00156e;
    background-color: #fffff9;
    text-decoration: none;
    background-image: url(../../Intranet/Images/Bg_Button_Grey.gif);
    padding-top: 2px;
    padding-right: 3px;
    padding-bottom: 2px;
    padding-left: 3px;
    cursor: pointer;
    cursor: hand;
    text-align: center;
    text-decoration: none;
    vertical-align: text-bottom;
    border-top: 1px solid #868686;
    border-right: 1px solid #868686;
    border-bottom: 1px solid #868686;
    border-left: 1px solid #868686;
}

.ButtonGeneralColored {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    background-color: #E0ECFA;
    padding: 2px 2px 2px 2px;
}

/*.FormContainer {
    width: 98%;
    float: left;
    background-image: url(../../Intranet/Images/Bg_Subnav.gif);
    background-color: #EAEAEA;
    margin-bottom: 10px;
    padding: 10px 10px 10px 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
}*/

/*.GroupContainer {
    background-image: url(../../Intranet/Images/Bg_Subnav.gif);
    background-color: #EAEAEA;
    margin-bottom: 10px;
    padding: 10px 10px 10px 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    float: left;
    width: 98%;
}*/

.FormContainerRow {
    float: left;
    width: 100%;
    margin-bottom: 2px;
}

.FormContainerColumnLeft {
    float: left;
    width: 20%;
}

.FormContainerColumnRight {
    float: right;
    width: 79%;
}

.FormContainerColumnLeft50 {
    float: left;
    width: 49%;
}

.FormContainerColumnRight50 {
    float: left;
    width: 50%;
}

.lblLeftForm {
    /*width: 100px;*/
    width: 110px;
    display: inline-block;
}

.lblLeftFormWide {
    width: 180px;
    display: inline-block;
}

.lblLeftFormWideRightText {
    width: 220px;
    display: inline-block;
    text-align: right;
}

.lblMiddleForm {
    width: 170px;
    padding-left: 0px;
    display: inline-block;
    text-align: right;
}

.lblMiddleFormTextLeft {
    width: 120px;
    padding-left: 0px;
    display: inline-block;
    text-align: Left;
}

.lblMiddleWideForm {
    width: 170px;
    padding-left: 0px;
    display: inline-block;
    text-align: right;
}

.PanelTxtForm {
    display: inline-block;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 10px;
}

/*.TbxNormalForm {
    display: inline-block;
    width: 170px;
    white-space: nowrap;
    color: #000000;
    background-color: #fff;
    border: 1px solid #ccc;

}

.TbxSmallForm {
    display: inline-block;
    width: 100px;
    white-space: nowrap;
    color: #000000;
    background-color: #fff;
    border: 1px solid #ccc;

}

.TbxSmallFormAlignRight {
    display: inline-block;
    width: 100px;
    white-space: nowrap;
    color: #000000;
    background-color: #fff;
    border: 1px solid #ccc;
    text-align: right;

}

.TbxFourDigitsForm {
    display: inline-block;
    width: 44px;
    white-space: nowrap;
    color: #000000;
    background-color: #fff;
    border: 1px solid #ccc;
    text-align: right;

}

.TbxLargeForm {
    display: inline-block;
    width: 335px;
    color: #000000;
    background-color: #fff;
    border: 1px solid #ccc;

}*/

.FaTextFieldMultipleLine {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;
    background-color: #f7f4f0;
    border: 1px solid #CAC1B5;
    width: 245px;
    height: 110px;

}

/* This class is used to not be able to resize the textbox in a popup with Mozilla browsers */
.TbxLargeFormNoResize {
    display: inline-block;
    width: 540px;
    color: #000000;
    background-color: #fff;
    border: 1px solid #ccc;
    max-height: 80px;
    min-height: 80px;
    max-width: 540px;
    min-width: 540px;
}

.TbxLargeFormPopupNoResize {
    display: inline-block;
    width: 335px;
    color: #000000;
    background-color: #fff;
    border: 1px solid #ccc;
    max-height: 180px;
    min-height: 180px;
    max-width: 395px;
    min-width: 395px;
}

/* End noresize */

/*.TextFieldGeneral {
    color: #000000;
    background-color: #fff;
    border: 1px solid #ccc;
}

.TextFielDPrFeedback {
    color: #000000;
    background-color: #fff;
    border: 1px solid #ccc;
    width: 150px;
}

.TextFieldGeneralError {
    color: #666;
    background-color: #f5bea8;
    border: 1px solid #ccc;
    margin-bottom: 1px;
}

.TextFieldGeneralChanged {
    color: #666;
    background-color: #FFFFAE;
    border: 1px solid #ccc;
    margin-bottom: 1px;
}*/



/************************/
/* MAINMENUAREA         */
/************************/

.SideNavHeader {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    font-style: normal;
    font-weight: bold;
}


.SideArea {
    background-color: #FFFFFF;
    color: #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    padding: 10px;
    width: 170px;
    height: 100%;
    text-align: center;
    border-top: 1px none #ccc;
    border-right: 1px none #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.SideImage {
    height: 1px;
    width: 150px;
}

.RightArea {
    background-color: #FFFFFF;
    color: #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    padding: 10px;
    width: 780px;
    height: 400px;
    text-align: left;
    border-top: 1px none #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.MainAreaTimeReport {
    background-color: #FFFFFF;
    color: #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    padding: 0px;
    width: 100%;
    text-align: left;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
}


.RightImage {
    height: 1px;
    width: 780px;
}

.HiddenField {
    display: none;
}


.LightTdBorder {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    border: 1px solid #EFEFEF;
    background-color: #e8e8e8;
}

.LightPanelBorder {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    border: 1px solid #EFEFEF;
    background-color: #e8e8e8;
    padding: 5px 0px 5px 5px;
}

.WhiteTdNoBorder {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    border: none;
    background-color: #FFFFFF;
    border-collapse: collapse;
    padding: 0;
}

.DarkTdBorder {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #dddddd;
    border: 1px solid #EFEFEF;
}

.White10PixelPadding {
    background-color: #FFFFFF;
    color: #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    line-height: 13px;
    padding: 10px;
}

.WhiteTdBorder10PixelPadding {
    border: 1px solid #EFEFEF;
    background-color: #FFFFFF;
    color: #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    line-height: 13px;
    padding: 10px;
}

.WhiteTdBorderNoPadding {
    border: 1px solid #EFEFEF;
    background-color: #FFFFFF;
    color: #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}

.Advertising {
    background-color: #FFFFAE;
    color: #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    line-height: 13px;
}

.AdvertisingTdBorder10PixelPadding {
    border: 1px solid #cccccc;
    background-color: #FFFFAE;
    color: #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    line-height: 13px;
    padding: 11px;
}

.LibraryHeaderTdBorder {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    border: 1px solid #9CAAB8;
    background-color: #C3D2F8;
}

.ErrorText {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #CC3300;
    font-weight: bold;
}

/************************/
/* SIDEMENUSTYLE         */
/************************/

.off {
    color: #FFFFFF;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    padding-top: 7px;
    padding-right: 7px;
    padding-bottom: 7px;
    padding-left: 7px;
    cursor: pointer;
    cursor: hand;
    text-align: center;
    text-decoration: none;
    vertical-align: text-bottom;
    background-color: Transparent;
    border-top: 1px solid #efefef;
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    border-left: 1px solid #efefef;
    background-image: url(../../Intranet/Images/Bg_Header_On.png);
}

.over {
    color: #666666;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    height: 22px;
    padding-top: 7px;
    padding-right: 7px;
    padding-bottom: 7px;
    padding-left: 7px;
    cursor: pointer;
    cursor: hand;
    text-align: center;
    text-decoration: none;
    vertical-align: text-bottom;
    background-color: #c4e2f3;
    border-top: 1px solid #efefef;
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    border-left: 1px solid #efefef;
    background-image: url(../../Intranet/Images/Bg_Header_Over.png);
}

.on {
    color: #ffffff;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    height: 22px;
    padding-top: 7px;
    padding-right: 7px;
    padding-bottom: 7px;
    padding-left: 7px;
    cursor: pointer;
    cursor: hand;
    text-align: center;
    text-decoration: none;
    vertical-align: text-bottom;
    border-top: 1px solid #efefef;
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    border-left: 1px solid #efefef;
    background-color: #155496;
    background-image: url(../../Intranet/Images/Bg_Header_On.png);
}

.offsub {
    font-size: 12px;
    font-weight: bold;
    color: #666666;
    font-family: Verdana, Arial, Helvetica;
    text-decoration: none;
    background-color: #FFFFFF;
    padding-top: 1px;
    padding-right: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
    border: 1px none #FFFFFF;
    height: 14px;
    width: 100%;
    cursor: pointer;
    cursor: hand;
    background-image: url(../../Intranet/Images/Bg_Toptable.gif);
}

.oversub {
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    font-family: Verdana, Arial, Helvetica;
    text-decoration: none;
    background-color: #dfdfdf;
    border: 1px none #ffffff;
    height: 14px;
    padding-top: 1px;
    padding-right: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
    width: 100%;
    cursor: pointer;
    cursor: hand;
    background-image: url(../../Intranet/Images/Bg_SideMenuOver.gif);
}

.onsub {
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica;
    text-decoration: none;
    background-color: #febf56;
    height: 14px;
    padding-top: 1px;
    padding-right: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
    width: 100%;
    cursor: pointer;
    cursor: hand;
    background-image: url(../../Intranet/Images/Bg_SideMenuOn.gif);
}

.off2 {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: #000000;
    height: 15px;
    padding: 5px 4px;
    text-decoration: underline;
    cursor: pointer;
    cursor: hand;
    text-align: center;
    text-decoration: none;
}

.over2 {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    font-style: normal;
    font-weight: bold;
    background-color: #FFFFFF;
    padding: 5px 4px;
    text-decoration: underline;
    cursor: pointer;
    cursor: hand;
    text-align: center;
    height: 15px;
    text-decoration: none;
}

.on2 {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    font-style: normal;
    font-weight: bold;
    padding: 5px 4px;
    background-color: #FFFFFF;
    text-decoration: underline;
    cursor: pointer;
    cursor: hand;
    text-align: center;
    height: 15px;
    text-decoration: none;
}

.MenuText {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    font-style: normal;
    font-weight: bold;
}

.MenuTextLink {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    font-weight: bold;
    text-decoration: underline;
}

.SubnavTextLink {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-decoration: underline;
    font-weight: bold;
}

.LinkButton {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    font-weight: bold;
    background-color: #f9f9f9;
    padding: 3px 3px;
    cursor: pointer;
    cursor: hand;
    text-decoration: none;
}

/************************/
/* GRIDSTYLE         */
/************************/

.GridGeneralSlide {
    border-style: solid;
    border-width: 1px;
    border-bottom-color: #ccc;
    border-left-color: #ccc;
    border-right-color: #ccc;
    border-top-color: #ccc;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 1px;
}

    .GridGeneralSlide th {
    border-width: 1px;
    border-bottom-color: #ccc;
    border-top-color: #ccc;
    height: 20px;
}

    .GridGeneralSlide td {
    border-width: 1px;
    border-bottom-color: #ccc;
    border-top-color: #ccc;
    height: 20px;
}

.GridHeaderSlide {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 22px;
    color: #666;
    padding: 30px 0px 30px 0px;
    background-image: url(../../Intranet/images/Bg_Subnav.gif);
}

.GridItemSlide {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #efefef;
    padding: 20px 0px 20px 0px;
}

.GridAlterningItemSlide {
    color: #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: normal;
    text-decoration: none;
    background-color: #fff;
    padding: 20px 0px 20px 0px;
}

/*.GridGeneral {
    border-style: solid;
    border-width: 1px;
    border-bottom-color: #ccc;
    border-left-color: #ccc;
    border-right-color: #ccc;
    border-top-color: #ccc;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 1px;
}

.GridHeader a {
    color: #4E6A0E;
}

.GridPager a {
    color: #4E6A0E;
}

.GridItem a {
    color: #4E6A0E;
    text-decoration: underline;
}

.GridAlterningItem a {
    color: #4E6A0E;
    text-decoration: underline;
}


.GridGeneral th {
    border-width: 1px;
    border-bottom-color: #ccc;
    border-top-color: #ccc;
    height: 20px;
}

.GridGeneral td {
    border-width: 1px;
    border-bottom-color: #ccc;
    border-top-color: #ccc;
    height: 20px;
}

.GridHeader {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    text-decoration: none;
    background-color: #ccc;
    border-style: solid;
    border-width: 1px;
    border-bottom-color: #ccc;
    border-left-color: #ccc;
    border-right-color: #ccc;
    border-top-color: #ccc;
    background-image: url(../../Intranet/images/Bg_EditableList.png);
}

.GridPager {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    font-weight: bold;
}

.GridFooter {
    color: #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    line-height: 13px;
}

.GridItem {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #efefef;
    line-height: 13px;
    cursor: default;
    word-break:break-all;
}

.GridAlterningItem {
    color: #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    line-height: 13px;
    background-color: #fff;
    word-break:break-all;
}

.GridSelectedItem {
    color: #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    line-height: 13px;
    background-color: #DDF1AF;
    word-break:break-all;
}

.GridHoverItem {
    background-color: #ccc;
    cursor: pointer;
    word-break:break-all;
}

.GridHoverSelectedItem {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    line-height: 13px;
    border: 1px solid #ccc;
    cursor: pointer;
    word-break:break-all;
}

.GridInsertItem {
    color: #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    line-height: 13px;
    background-color: #ccc;
    word-break:break-all;
}

.GridEditItem {
    color: #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    line-height: 13px;
    background-color: #ccc;
    word-break:break-all;
}

.GridEmptyRowItem {
    color: #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    line-height: 13px;
    background-color: #FFFFFF;
    word-break:break-all;
}

.GridNoScheduleRowEmptyRowItem {
    color: #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    line-height: 13px;
    background-color: #FFFFCC;
    word-break:break-all;
}

.GridNoScheduleRowFilledRowItem {
    color: #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    line-height: 13px;
    background-color: #FFD2D2;
    word-break:break-all;
}

.GridRedRowItem {
    color: #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    line-height: 13px;
    background-color: #FFD2D2;
    word-break:break-all;
}

.GridYellowRowItem {
    color: #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    line-height: 13px;
    background-color: #FFFFAE;
    word-break:break-all;
}

.GridGreenRowItem {
    color: #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    line-height: 13px;
    background-color: #FFFFFF;
    word-break:break-all;
}*/

.HideButton {
    display: none;
}

desc {
    display: block;
    margin-left: 5px;
    font-family: Impact, Arial Black, sans-serif;
    color: #FFCCCC;
    background: #CC0000;
    width: 200px;
    padding: 5px;
    font-size: 20px;
}


/*.BgBarOne {
    background-color: #CCC;
}

.BgBarTwo {
    background-color: #ababab;
}

.BgBarThree {
    background-color: #fff;
}

.BgTimeReport {
    background-color: #ffffff;
}*/

/**********************************

    DOCUMENTS

***********************************/
.activeFiltersPanel {
    border: 1px solid #AAAAAA;
    padding: 4px 4px 4px 12px;
    color: #808080;
    font-size: 12px;
}
.documentsPanel {
    margin-top: 12px;
}

.documentsButtonPanel {
    margin-top: 12px;
    margin-left: 124px;
}

.filterBetweenDate {
    display: inline-block;
    width: 12px;
    text-align: center;
}

.filterContainer {
    margin-top: 12px;
}

.filterContainer, .uploadContainer, .documentsPanel {
    min-width: 460px;
}

.filterGroupContainer {
    background-color:#efefef;
	margin-bottom:10px;
	padding:10px 10px 10px 10px;
	border-style:solid;
	border-width: 1px;
	border-color: #ccc;
}

@media screen and (max-width: 1410px) {

    .activeFiltersPanel {
        margin-bottom: 10px;
    }

    .documentsPanel {
        width: 50%;
        float: left;
    }

    .documentsButtonPanel {
        clear: both;
        padding-top: 12px;
    }
}

@media screen and (min-width: 1410px) {

    div#ctl00_cphMainFrame_DocumentExplorerUC_upMain,
    span#ctl00_cphMainFrame_DocumentExplorerUC,
    div#ctl00_cphMainFrame_DocumentExplorerUC_upDocuments, 
    div#ctl00_cphMainFrame_DocumentExplorerUC_pnlDocumentTabsContainer,
    div#ctl00_cphMainFrame_DocumentExplorerUC_jqTabs {
        height: 100%;
    }

    .activeFiltersPanel {
        margin-left: 10px;
        width: 63%;
    }

    .rightColumnWrapper {
        margin-top: 30px;
        margin-right: 10px;
        width: 34%;
        float: right;
    }

    .uploadContainer {
    margin-top: -14px;
}

    .listContainer {
        width: 63%;
        float: left;
        margin-top: 20px;
        margin-left: 10px;
        white-space: normal;
    }
}

/*  AssignmentItem + AssignmentCreate specific styles       */

#ctl00_cphMainFrame_assignmentDetailUC_fViewAssignment_pnlDocuments .filterContainer, 
#ctl00_cphMainFrame_AssignmentCreateUC1_pnlDocuments .filterContainer {
    margin-bottom: 0px;
    margin-top: 12px;
}

#ctl00_cphMainFrame_assignmentDetailUC_fViewAssignment_pnlDocuments .listContainer, 
#ctl00_cphMainFrame_AssignmentCreateUC1_pnlDocuments .listContainer {
    margin-top: 0px;
    margin-left: 0px;
}

#ctl00_cphMainFrame_assignmentDetailUC_fViewAssignment_pnlDocuments .filterGroupContainer, 
#ctl00_cphMainFrame_AssignmentCreateUC1_pnlDocuments .filterGroupContainer {
    background-color: transparent;
    margin-bottom: 0px;
    padding: 0px;
    border: none;
}

#ctl00_cphMainFrame_assignmentDetailUC_fViewAssignment_pnlDocuments .rightColumnWrapper, 
#ctl00_cphMainFrame_AssignmentCreateUC1_pnlDocuments .rightColumnWrapper {
    margin-top: 10px;
    float: none;
}

#ctl00_cphMainFrame_assignmentDetailUC_fViewAssignment_documentsUC1_pnlNewDocumentFileUpload, 
#ctl00_cphMainFrame_AssignmentCreateUC1_documentsUC1_pnlNewDocumentFileUpload {
    margin-left: 0px;
}

/*  /end AssignmentItem + AssignmentCreate specific styles   */


/*
    end DOCUMENTS
*/


/*  LR Style for responsive view
    Change min-width: 1721px to a smaller value to get a break earlier for smaller screen-widths.
*/

@media screen and (min-width: 1877px) {
    .LrCertificateContentLrMaster {
        position: absolute;
        width: 1092px;
        background-color: #f1f1f1;
        top: 70px;
        display: inline-block;
        white-space: nowrap;
    }

    .LrDocumentLrMaster {
        width: inherit;
        position: absolute;
        top: 70px;
        left: 1245px;
        overflow: auto;
        white-space: nowrap;
        display: inline-block;
        background-image: url(../../../Intranet/Images/MissingDocument.png);
        background-color: #f1f1f1;
        padding-top: 10px;
        border:2px solid #ccc;
    }
}

/* End LR Style for responsive view*/

/*Stilmallar som används för att positionera Lr - attestvy*/

body.LrBody {
    background-color: #fff;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
}

.LrGridGeneral {
    border-style: solid;
    border-width: 1px;
    border-bottom-color: #999999;
    border-left-color: #999999;
    border-right-color: #999999;
    border-top-color: #999999;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    width: 98%;
    min-width: 350px;
}

.LrGridHeader a {
    color: #000000;
}

.LrGridPager a {
    color: #000000;
}

.LrGridItem a {
    color: #000000;
}

.LrGridAlterningItem a {
    color: #000000;
}


.LrGridGeneral th {
    border-width: 1px;
    border-bottom-color: #999999;
    border-right-color: #999999;
    white-space: nowrap;
}

.LrGridGeneral td {
    border-width: 1px;
    border-bottom-color: #999999;
    border-right-color: #999999;
    white-space: nowrap;
}


.LrGridHeader {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    background-color: #999999;
    border: 1px solid #999999;
}

.LrGridPager {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    font-weight: bold;
}

.LrGridFooter {
    color: #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    line-height: 13px;
}

.LrGridItem {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #f9f9f9;
    line-height: 13px;
    white-space: nowrap;
}

.LrGridAlterningItem {
    color: #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    line-height: 13px;
    background-color: #f9f9f9;
}

.LrGridSelectedItem {
    color: #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    line-height: 13px;
    background-color: #f9f9f9;
}

/* End Lr styles*/

.TextFieldGeneralAlignRight {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    background-color: #f9f9f9;
    border: 1px solid #dfdfdf;
    text-align: right;
}

/************************/
/* AJAX PROGRESS STYLE         */
/************************/

.ProgressBackgroundFilter {
    position: absolute;
    height: 99%;
    width: 99%;
    left: 0px;
    top: 0px;
    bottom: 0px;
    filter: alpha(opacity=50);
    opacity: 0.5;
    background-color: #ffffff;
    z-index: 1000;
}

.ProcessMessage {
    position: absolute;
    top: 63px;
    left: 10px;
    width: 300px;
    height: 80px;
    z-index: 1001;
    background-color: #FFFFAE;
    color: #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    line-height: 13px;
    padding: 20px;
    border-right: #cccccc 1px ridge;
    border-top: #cccccc 1px ridge;
    border-left: #cccccc 1px ridge;
    border-bottom: #cccccc 1px ridge;
}

.ProcessMessageDialogBox {
    position: absolute;
    top: 63px;
    left: 10px;
    width: 300px;
    height: 80px;
    z-index: 1001;
    background-color: #FFFFAE;
    color: #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    line-height: 13px;
    padding: 20px;
    border-right: #cccccc 1px ridge;
    border-top: #cccccc 1px ridge;
    border-left: #cccccc 1px ridge;
    border-bottom: #cccccc 1px ridge;
}

.ProgressBackgroundFilterDialogBox {
    position: absolute;
    height: 99%;
    width: 339px;
    left: 0px;
    top: 0px;
    bottom: 0px;
    filter: alpha(opacity=50);
    opacity: 0.5;
    background-color: #ffffff;
    z-index: 1000;
}



CAPTION {
    font-weight: bold;
    caption-side: top;
    font-size: 12px;
}

div.contentFull {
    font: bold 100% Arial,sans-serif;
    font-size: 14px;
    padding: 10px;
    background-color: #FFFFFF;
    color: #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    line-height: 13px;
    padding: 10px;
    width: 755px;
    text-align: left;
    border-top: 1px none #F89C24;
    border-right: 1px solid #F89C24;
    border-bottom: 1px solid #F89C24;
    border-left: 1px solid #F89C24;
}

div.entry {
    padding: 10px;
    color: #000;
    margin: 8px 0 0 0;
    background: url(../../Intranet/Images/Bg_Leftnav.gif);
    width: 97%;
    vertical-align: middle;
    height: 150px;
}

    div.entry a {
    font: normal 100% Arial,sans-serif;
    font-size: 14px;
    color: #666;
    text-align: center;
}


div.headtwo {
    font: bold 100% Arial,sans-serif;
    font-size: 14px;
    padding: 20px;
    margin: 8px 0 0 10px;
    background: #efefef;
    color: #FFF;
}

/*.startbox {
    background: url(../../Intranet/Images/Bg_Leftnav.gif);
    -moz-box-shadow: 5px 5px 2px #efefef;
    -webkit-box-shadow: 5px 5px 2px #efefef;
    box-shadow: 5px 5px 2px #efefef;
    margin: 8px 8px 8px 8px;
    color: #000;
    width: 225px;
    text-align: left;
    vertical-align: text-bottom;
    padding-top: 10px;
    height: 140px;
    border: 1px solid #e6e6e6;
    border-left: 10px solid #719602;
    background-color: #fff;
    text-align: center;
}

.companybox {
    background: url(../../Intranet/Images/Bg_Leftnav.gif);
    -moz-box-shadow: 5px 5px 2px #efefef;
    -webkit-box-shadow: 5px 5px 2px #efefef;
    box-shadow: 5px 5px 2px #efefef;
    margin: 8px 8px 8px 8px;
    color: #000;
    width: 904px;
    text-align: left;
    vertical-align: text-bottom;
    padding-top: 10px;
    min-height: 140px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    padding-left: 50px;
    display: inline-block;
}*/

    /*div.about a {
    font: normal 100% Arial,sans-serif;
    font-size: 12px;
    text-transform: capitalize;
    text-align: left;
    text-decoration: none;
}

div.wrapper {
    width: 600px;
    height: 80px;
    background-color: #F7F5F5;
}

    div.wrapper a {
    text-decoration: none;
}

div.wrapper:hover {
    background-color: #E6E6E6;
}*/

#MainBody {
    background-color: Black;
}

/* Image control Styles */
.wrapper {
    border: 1px solid #efefef;
    margin: 0px 10px;
}

/* Used by DataPagerEx */
.command {
    color: #4E6A0E;
    padding: 0px 7px;
    text-decoration: none;
    border: none;
    font-size: 18px;
    font-weight: bold;
}

A.command:hover {
    border: none 2px #B1B3B4;
    background-color: #CACBCC;
    color: #666666;
    padding: 3px 7px;
    text-decoration: none;
    font-weight: bold;
    border-radius: 3px;
}

A.current {
    color: #333333;
    font-size: 18px;
}

.current {
    border: none 2px #747578;
    background-color: #B1B3B4;
    color: #003478;
    padding: 3px 7px;
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
    border-radius: 3px;
}

A.current:hover {
    border: none 2px #B1B3B4;
    background-color: #CACBCC;
    color: #666666;



}


.counter {
    padding: 0px 0px;
    text-decoration: none;
    border: none;
    font-size: 18px;
    white-space: nowrap;
}

/* END Used by DataPagerEx*/

.pager {
    font-family: arial,sans-serif;
    text-align: center;
    padding: 6px;
}

    .pager SPAN.command, .pager SPAN.current, .pager A.command {
    color: #a8d371;
    padding: 0px 5px;
    text-decoration: none;
    border: none;
    font-size: 18px;
}

        .pager A.command:hover {
    border: solid 2px #a1be5f;
    background-color: #e9f9c5;
    color: #666666;
    padding: 3px 3px;
    text-decoration: none;
    font-weight: normal;
}

    .pager SPAN.current {
    border: solid 2px #a1be5f;
    background-color: #e9f9c5;
    color: #666666;
    padding: 3px 3px;
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
}

    .PrinterFriendlyDataGrid tr {
        font-size: 12px !important;
    }

@media print {

    .ButtonGeneral {
        display: none;
    }

    .HiddenPrintView {
        display: none;
    }

    .SideArea {
        display: none;
    }

    #HeaderContainer {
        display: none;
    }

    #FooterContainer {
        display: none;
    }

    .PrintButton {
        display: none;
    }

    .LinkWindowClose {
        display: none;
    }

    .MainArea {
        border-style: hidden;
    }

    .GroupContainer {
        border-style: hidden;
    }

    .FormContainer {
        border-style: hidden;
    }

    .PlainTextFooter {
        display: none;
    }

    .GridGeneral {
        border-style: hidden;
    }

    .GridItem {
        vertical-align: top;
        font-size: 14pt;
        line-height: 14pt;
    }

    .GridHeader {
        vertical-align: bottom;
        font-size: 14pt;
        line-height: 14pt;
    }

    .PrinterFriendlyDataGrid input {
        font-size: 8pt !important;
    }

    .PrinterFriendlyDataGrid tr {
        font-size: 8pt !important;
    }
}

.ProgressBackgroundFilter {
    position: fixed;
    height: 99%;
    width: 99%;
    left: 0px;
    top: 0px;
    bottom: 0px;
    filter: alpha(opacity=50);
    opacity: 0.5;
    background-color: #ffffff;
    z-index: 1000;
}

.ModalBackgroundFilter {
    position: absolute;
    height: 99%;
    width: 99%;
    left: 0px;
    top: 0px;
    bottom: 0px;
    filter: alpha(opacity=50);
    opacity: 0.5;
    background-color: #000000;
    z-index: 1000;
}

.ModalForegroundFilter {
    position: absolute;
    z-index: 1001;
    background-image: url(../../Intranet/Images/Bg_Subnav.gif);
    background-color: #EAEAEA;
    top: 25%;
    left: 25%;
    width: 50%;
    height: 50%;
    padding: 16px;
    border: 16px solid #CCCCCC;
}

/* Used by the ModalPopupExtender */

/*.ModalPopupBackgroundFilter {
    filter: alpha(opacity=50);
    opacity: 0.5;
    background-color: #000000;
     z-index: 1000;
}

.ModalPopupForegroundFilter {
    background-image: url(../../Intranet/Images/Bg_Subnav.gif);
    background-color: #EAEAEA;
    padding: 16px;
    border: 16px solid #CCCCCC;
}*/

/* End Used by the ModalPopupExtender */

/* Used by confirm dialog */
/*.ModalConfirmPopupForegroundFilter {
    background-image: url(../../Intranet/Images/Bg_Subnav.gif);
    background-color: #EAEAEA;
    padding: 16px;
    border: 16px solid #CCCCCC;
    z-index: 1001;
}*/

.PanelBg {
    background-image: url(../../Intranet/Images/Bg_Leftnav.gif);
    background-repeat: repeat-x;
}

.EditableListViewItem {
    background-image: url(../../Intranet/Images/Bg_EditableList.png);
    background-repeat: repeat-x;
    height: 28px;
}

.EditableListViewAlternatingItem {
    background-image: url(../../Intranet/Images/Bg_EditableList.png);
    background-repeat: repeat-x;
    height: 28px;
}

.EditableListViewSelectedItem {
    background-image: url(../../Intranet/Images/Bg_EditableListSelected.png);
    background-repeat: repeat-x;
    height: 28px;
}

.ListViewItem {
    background-color: #fff;
}

.ListViewAlternatingItem {
    background-color: #efefef;
}

.ListViewSelectedItem {
    background-color: #DDF1AF;
}

.InnerListViewItem {
}

.InnerListViewAlternatingItem {
}

.InnerListViewSelectedItem {
    background-color: #ccc;
}

.ActionList {
    background-image: url(../../Intranet/Images/Bg_ActionList.png);
    background-repeat: repeat-x;
    height: 28px;
    padding-left: 7px;
}

/* styles for the lookup*/

.PanelGridViewContainer {
    width: auto;
    overflow-y: scroll;
    overflow: scroll;
    background-image: url(../../Intranet/Images/Bg_Subnav.gif);
}

.LookUpList {
    background-image: url(../../Intranet/Images/Bg_EditableList.png);
    background-repeat: repeat-x;
    height: 28px;
    padding-left: 7px;
}

.LookUpLink {
    color: #18599c;
    text-decoration: none;
}

/*End styles for the lookup*/


.PropertyManagerTable {
    background-image: url(../../Intranet/Images/Bg_Leftnav.gif);
    background-repeat: repeat-x;
}

.ListViewTopLevelHeader {
    background-image: url(../../Intranet/Images/Bg_EditableListSelected.png);
    background-repeat: repeat-x;
    height: 28px;
    color: #1F4171;
}

.InnerListViewHeader {
    background-image: url(../../Intranet/Images/Bg_EditableListSelected.png);
    background-repeat: repeat-x;
    height: 28px;
    color: #1F4171;
}

    .InnerListViewHeader a {
    color: #1F4171;
}

.InnerListViewContent {
    background-color: #EDF3DE;
}

.ListViewFirstRow {
    background-image: url(../../Intranet/Images/Bg_EditableList.png);
    background-repeat: repeat-x;
    height: 28px;
}

.ListViewSecondRow {
    background-color: #e0ecfa;
}

.ListViewThirdRow {
    background-color: #e0ecfa;
}

.InnerListViewFooter {
    background-image: url(../../Intranet/Images/Bg_EditableListSelected.png);
    background-repeat: repeat-x;
    height: 28px;
}
/************************/
/*From mobiletest*/
/************************/
.divRow {
    background-color: #FFF;
    white-space: nowrap;
    width: 100%;
    padding: 5px 3px 5px 3px;
    cursor: pointer;
}

.divRowImage {
    width: 70px;
    height: 70px;
    padding-top: 5px;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    background-repeat: no-repeat;
}

.ProgressBackgroundFilterDialogBox {
    position: fixed;
    height: 99%;
    width: 339px;
    left: 0px;
    top: 0px;
    bottom: 0px;
    filter: alpha(opacity=50);
    opacity: 0.5;
    background-color: #ffffff;
    z-index: 998;
}

.ProcessMessageDialogBox2 {
    position: fixed;
    top: 35%;
    left: 35%;
    width: 300px;
    height: 80px;
    z-index: 999;
    background-color: #FFFFAE;
    color: #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    line-height: 13px;
    padding: 20px;
    border-right: #cccccc 1px ridge;
    border-top: #cccccc 1px ridge;
    border-left: #cccccc 1px ridge;
    border-bottom: #cccccc 1px ridge;
}

.DrContainer {
    position: relative;
    margin: 0px auto;
    height: 650px;
    width: 98%;
    float: left;
    background-image: url(../../Intranet/Images/Bg_Subnav.gif);
    background-color: #EAEAEA;
    margin-bottom: 10px;
    padding: 10px 10px 10px 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
}

.DrLeftArea {
    width: 365px;
    left: 10px;
    top: 10px;
    bottom: 0px;
    position: absolute;
    z-index: 3;
    padding: 0px;
}

.DrRightArea {
    width: 200px;
    bottom: 100px;
    left: 360px;
    right: 0px;
    top: 100px;
    position: absolute;
    z-index: 1;
    overflow: scroll;
}

.DrRightAreaFull {
    width: 600px;
    bottom: 0px;
    left: 360px;
    right: 0px;
    top: 0px;
    position: absolute;
    z-index: 1;
}

.DrSupplierBillListPanel {
    height: 150px;
    width: 353px;
}

/****************************/
/* LOOKUP GRID TABLESORTER  */
/****************************/
table.tablesorter tbody tr.odd td {
    background-color: #efefef;
}

table.tablesorter tbody tr.even td {
    background-color: #EFDEDE;
}


table.tablesorter tbody tr.tbover td {
    background-color: #efefef;
    font-style: normal;
}

table.tablesorter tbody tr.marked td {
    background-color: #cccccc;
}

table.tablesorter {
    font-family: verdana,arial;
    background-color: #CDCDCD;
    margin: 10px 0pt 15px;
    font-size: 11px;
    width: 100%;
    text-align: left;
}

    table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    background-color: #efefef;
    border: 1px solid #808080;
    font-size: 11px;
    padding: 4px;
}

    table.tablesorter thead tr .header {
    background-image: url(../../Intranet/Images/bg.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}

    table.tablesorter tbody td {
    color: #3D3D3D;
    padding: 4px;
    background-color: #FFF;
    vertical-align: top;
}

    table.tablesorter tbody tr.odd td {
    background-color: #efefef;
}

    table.tablesorter thead tr .headerSortUp {
    background-image: url(../../Intranet/Images/asc.gif);
}

    table.tablesorter thead tr .headerSortDown {
    background-image: url(../../Intranet/Images/desc.gif);
}

    table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    background-color: #cccccc;
        color: #3D3D3D;
}
/************************/
/* SLIDESHOWSTYLES      */
/************************/



.slidetop {
    background-image: url('../../Intranet/Images/Bg_Top_Middle.gif');
    height: 69px;
    width: 1870px;
}

.slidetopleft {
    background-image: url('../../Intranet/Images/Bg_Top_Left.gif');
    height: 69px;
    width: 179px;
    background-repeat: no-repeat;
    float: left;
}

.slidetopright {
    background-image: url('../../Intranet/Images/Bg_Top_Right.gif');
    height: 69px;
    width: 25px;
    background-repeat: no-repeat;
    float: right;
}

.slidebg {
    background-image: url('../Intranet/Images/Bg_Subnav.gif');
    background-repeat: repeat;
    width: 1870px;
    height: 930px;
    border: 1px solid #cccccc;
}

.SlideShowPastDueTime {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    background-color: #fba8a8;
    padding: 20px 0px 20px 0px;
}

.ActionProposalsSelectedRow {
    border: 1px solid #000;
}

.ActionProposalsUnSelectedRow {
    border-style: none;
}

.AddActionProposalButtonSelected {
}

/* These styles are use for Chrome, FF, Safari to be able to show disabled styles for labels, textboxes, linkbuttons and buttons  */
/*input[disabled] { 
    color: #6d6d6d;
    background-color:#efefef
}

textarea[disabled] { 
    color: #6d6d6d;
    background-color:#efefef
}

span[disabled] { 
    color: #6d6d6d;
}

a[disabled] { 
    color: #6d6d6d;
}*/
/* end cross browser support for disable*/

td.ob_t4 {
    display: none;
}


/*used for separating the controls in the server control LoggedOnInfo */
.LoggedOnInfoInlineCss {
    display: inline-block;
    padding-right: 3px;
}

/*used for responsive ui handling in IK */
.IkPurchaseR {
    padding: 2px;
}

.IkPurchaseRLabel {
    padding: 2px;
    white-space: nowrap;
}

.IkPurchaseRInputWide {
}

    .IkPurchaseRInputWide INPUT {
        max-width: 280px;
    }

.IkPurchaseRInput {
}

    .IkPurchaseRInput INPUT {
        max-width: 230px;
    }

.ikNoteR {
    padding: 2px;
}

.ikNoteRInput {
}

    .ikNoteRInput INPUT {
        max-width: 350px;
    }

.ikAddressR {
    padding: 2px;
}

.ikAddressRInput {
}

    .ikAddressRInput INPUT {
        max-width: 350px;
    }

.ikButtonsRBar {
}

.ikButtonsR {
    padding: 2px;
}

.ikButtonsRInput {
}

    .ikButtonsRInput INPUT {
        max-width: 350px;
    }

@media screen and (min-width: 700px) {
    .IkPurchaseRBar {
    }

    .IkPurchaseR {
        min-width: 380px;
        float: left;
        height: 40px;
    }

    .IkPurchaseRLabel {
        min-width: 130px;
        float: left;
        text-align: right;
        padding-right: 6px;
    }

    .IkPurchaseRInput {
        min-width: 170px;
        float: left;
    }

    .IkPurchaseRInputWide {
        min-width: 280px;
        float: left;
    }

    .ikNoteRBar {
    }

    .ikNoteR {
        min-width: 380px;
        float: left;
        height: 40px;
    }

    .ikNoteRLabel {
        min-width: 130px;
        float: left;
        text-align: right;
        padding-right: 6px;
    }

    .ikNoteRInput {
        min-width: 170px;
        float: left;
    }

    .ikAddressRBar {
    }

    .ikAddressR {
        min-width: 380px;
        float: left;
        height: 200px;
    }

    .ikAddressRInput {
        min-width: 320px;
        float: left;
        height: 200px;
    }

    .ikButtonsRBar {
    }

    .ikButtonsR {
        min-width: 220px;
        float: left;
        height: 40px;
    }

    .ikButtonsRInput {
        min-width: 220px;
        float: left;
    }

    /*used for responsive ui handling in CM */
    .cmNaturalPersonR {
        padding: 2px;
           max-width: 370px;
    }

    .cmNaturalPersonRInput {
    }

        .cmNaturalPersonRInput INPUT {
            max-width: 370px;
        }
    .cmAddressR {
        padding: 2px;
           max-width: 320px;
    }

    .cmAddressRInput {
    }

        .cmAddressRInput INPUT {
            max-width: 350px;
        }

    @media screen and (min-width: 700px) {

        .cmAddressRBar {
              max-width: 600px;
        }

        .cmAddressR {
            min-width: 380px;
            float: left;
        }

        .cmAddressRInput {
            min-width: 320px;
            float: left;
        }
    }
}